<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>诉求记录</title>
<meta name="viewport" content="initial-scale=1, maximum-scale=1">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<link rel="stylesheet" href="./public/css/ansicht.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_461630_19kccv2akn3lerk9.css">

    <style>
        .card-footer:before {
            height: 0;
        }

        .list-block .item-link .item-inner {
            background-image: none;
        }

        .self-title {
            white-space: normal !important;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            display: -webkit-box;
           position: relative;
            top:0.35rem
        }

        .self-text {
            padding-top: 0.3rem;
            height: 2.4rem !important;
        }

        .self-footer {
            padding: 0;
            border-radius: 0;
            font-size: .625rem;
            position: static;
            min-height: 1.1rem;
            padding-top: 0.65rem;
        }

        .self-thomimg {
            width: 5rem;
            padding-right: .5rem;
            height: 3.5rem;
            /*position: relative;
            top:-0.5rem*/
        }
        .item-content{
            border-bottom: 1px solid #f2f2f2;
        }

        .self-inner{
            position: static !important;
        }
        .card-footer > *:not(.row){padding:0;}
    </style>


</head>
<body>

<div class="page-group">

    <div class="page" id="page-accordion">
        <!--
               <header class="bar bar-nav">
                   <a class="button button-link button-nav pull-left back" href="complain.html">
                       <span class="iconfont icon-fanhui1 icon-left"></span>
                       返回
                   </a>
                   <h1 class="title">诉求记录</h1>
               </header>
       -->
               <div class="page-content">
                   <div class="buttons-tab">
                       <a href="#tab1" class="tab-link active button">
                           全部
                       </a>
                       <a href="#tab2" class="tab-link button">
                           待付款
                       </a>
                       <a href="#tab3" class="tab-link button">
                           待发货
                       </a>
                       <a href="#tab4" class="tab-link button">
                           待发货
                       </a>
                   </div>
                   <div class="tabs-animated-wrap">
                       <div class="tabs">
                           <div id="tab1" class="tab active">
                               <div class="card-content">
                                   <div class="list-block media-list">
                                       <ul>
                                           <li class="item-content">
                                               <div class="item-media">
                                                   <img src="./public/img/test.png" class="self-thomimg">
                                               </div>
                                               <div class="item-inner  self-inner">
                                                   <div class="item-title-row">
                                                       <div class="item-title self-title">
                                                           射阳县政府昨日召开大会，大会内容讨论了范德萨范德萨反对撒反对撒反对撒反对撒防守打法
                                                       </div>
                                                   </div>
                                                   <div class="card-footer self-footer">
                                                       <span>2017-12-26 15:26:58</span>
                                                   </div>
                                               </div>
                                           </li>
                                           <li class="item-content">
                                               <div class="item-media">
                                                   <img src="./public/img/test.png" class="self-thomimg">
                                               </div>
                                               <div class="item-inner  self-inner">
                                                   <div class="item-title-row">
                                                       <div class="item-title self-title">
                                                           射阳县政府昨日召开大会，大会内容讨论了范德萨范德萨反对撒反对撒反对撒反对撒防守打法
                                                       </div>
                                                   </div>
                                                   <div class="card-footer self-footer">
                                                       <span>2017-12-26 15:26:58</span>
                                                   </div>
                                               </div>
                                           </li>
                                           <li class="item-content">
                                               <div class="item-media">
                                                   <img src="./public/img/test.png" class="self-thomimg">
                                               </div>
                                               <div class="item-inner  self-inner">
                                                   <div class="item-title-row">
                                                       <div class="item-title self-title">
                                                           射阳县政府昨日召开大会，大会内容讨论了范德萨范德萨反对撒反对撒反对撒反对撒防守打法
                                                       </div>
                                                   </div>
                                                   <div class="card-footer self-footer">
                                                       <span>2017-12-26 15:26:58</span>
                                                   </div>
                                               </div>
                                           </li>
                                       </ul>
                                   </div>
                               </div>
                           </div>
                           <div id="tab2" class="tab">
                               <div class="content-block">
                                   <p>
                                       This is tab 2 content
                                   </p>
                               </div>
                           </div>
                           <div id="tab3" class="tab">
                               <div class="content-block">
                                   <p>
                                       This is tab 3 content
                                   </p>
                               </div>
                           </div>
                           <div id="tab4" class="tab">
                               <div class="content-block">
                                   <p>
                                       This is tab 4 content
                                   </p>
                               </div>
                           </div>
                       </div>
                   </div>

               </div>

               <!-- ----------------------- -->
    </div>
</div>
<script src="./public/js/jquery-3.2.1.min.js"></script>
<script src="./public/js/ansicht.js"></script>
</body>
</html>
